<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>Mower Index</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../mower/admin/css/mower.css">
    <link rel="stylesheet" href="../../assets/css/app.css">
    <script src="../../assets/js/themes.js" type="text/javascript"></script>
    <!-- [if lt IE 9] >
        <script src="../../libs/html5shiv/html5shiv.min.js"></script>
        <script src="../../libs/respond/respond.min.js"></script>
    <![endif]-- >
</head>

<body>
    <!-- Loading Container -->
    <div class="loading-container">
       <div class="fa fa-spinner fa-pulse loader"></div>
    </div>
    <!--  /Loading Container -->
    <!-- BEGIN HEADER -->
    <div id="header" class="mu-header-container">
        <!-- BEGIN MAIN MENU -->
        <div class="navbar" role="navigation">
            <div class="navbar-inner">
                <div class="navbar-container">
                    <!-- Navbar Barnd -->
                    <div class="navbar-header pull-left">
                        <a href="#" class="navbar-brand">
                            Mower UI
                        </a>
                    </div>
                    <!-- /Navbar Barnd -->
                    <!-- Sidebar Collapse -->
                    <div class="sidebar-collapse" id="sidebar-collapse">
                        <i class="collapse-icon fa fa-bars"></i>
                    </div>
                    <!-- /Sidebar Collapse -->
                    <div class="header-menu">
                        <ul class="nav navbar-nav">
                            <li><a href="#" mcode="ADMIN-MENU-1">Dashboard</a>
                            </li>
                            <li><a href="#" mcode="ADMIN-MENU-3">UI元素</a>
                            </li>
                            <li><a href="#" mcode="ADMIN-MENU-4">UI组件</a>
                            </li>
                            <li><a href="#" mcode="ADMIN-MENU-5">表单</a>
                            </li>
                            <li><a href="#" mcode="ADMIN-MENU-6">数据表格</a>
                            </li>
                            <li><a href="#" mcode="ADMIN-MENU-7">面板</a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">面板<span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#" mcode="ADMIN-MENU-8">图表</a>
                                    </li>
                                    <li><a href="#" mcode="ADMIN-MENU-9">典型页面</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- Account Area and Settings -->
                    <div class="navbar-header pull-right">
                        <div class="navbar-account">
                            <ul class="account-area">
                                <li>
                                    <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                        <div class="profile">
                                            <h2><span>测试用户</span></h2>
                                        </div>
                                        <div class="avatar" title="View your public profile">
                                            <img src="../../assets/img/bing.png">
                                        </div>
                                    </a>
                                    <!--Login Area Dropdown-->
                                    <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                        <li class="username"><a>测试用户</a>
                                        </li>
                                        <li class="email"><a>test@infinitus-int.com</a>
                                        </li>
                                        <!--Avatar Area-->
                                        <li>
                                            <div class="avatar-area">
                                                <img src="../../assets/img/bing.png" class="avatar">
                                            </div>
                                        </li>
                                        <!--Avatar Area-->
                                        <li class="edit">
                                            <a href="profile.html" class="pull-left">基本信息</a>
                                            <a href="#" class="pull-right">设置</a>
                                        </li>
                                        <!--Theme Selector Area-->
                                        <li class="theme-area">
                                            <ul class="colorpicker" id="skin-changer">
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#d40b07;" rel="../../mower/admin/css/red.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#AC193D;" rel="../../mower/admin/css/darkred.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#cc324b;" rel="../../mower/admin/css/pink.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#5DB2FF;" rel="../../mower/admin/css/blue.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#2dc3e8;" rel="../../mower/admin/css/azure.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#03B3B2;" rel="../../mower/admin/css/teal.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#53a93f;" rel="../../mower/admin/css/green.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#FF8F32;" rel="../../mower/admin/css/orange.min.css"></a>
                                                </li>

                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#8C0095;" rel="../../mower/admin/css/purple.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#0072C6;" rel="../../mower/admin/css/darkblue.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#585858;" rel="../../mower/admin/css/gray.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#474544;" rel="../../mower/admin/css/black.min.css"></a>
                                                </li>
                                                <li>
                                                    <a class="colorpick-btn" href="#" style="background-color:#001940;" rel="../../mower/admin/css/deepblue.min.css"></a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!--/Theme Selector Area-->
                                        <li class="dropdown-footer">
                                            <a href="login.html">退出</a>
                                        </li>
                                    </ul>
                                    <!--/Login Area Dropdown-->
                                </li>
                                <!-- /Account Area -->
                                <!--Note: notice that setting div must start right after account area list.
                                        no space must be between these elements-->
                                <!-- Settings -->
                            </ul>
                            <!-- Settings -->
                        </div>
                    </div>
                    <!-- /Account Area and Settings -->
                </div>
            </div>
        </div>
        <!-- END MAIN MENU -->
    </div>
    <!-- END HEADER -->
    <!-- BEGIN CONTAINER -->
    <div class="mu-main-container container-fluid">
        <!-- BEGIN SIDEBAR -->
        <div class="mu-sidebar-wrapper">
            <div class="mu-sidebar" id="sidebar">
                <!-- Page Sidebar Header-->
                <div class="sidebar-header-wrapper">
                    <input type="text" class="searchinput">
                    <i class="searchicon fa fa-search"></i>
                    <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
                </div>
                <!-- /Page Sidebar Header -->
                <!-- Sidebar Menu -->
                <ul class="nav sidebar-menu" style="">
                </ul>
                <!-- /Sidebar Menu -->
            </div>
        </div>
        <!-- END SIDEBAR -->
        <!-- BEGIN CONTENT -->
        <div class="mu-content-wrapper">
            <div class="mu-content">
                <!-- BEGIN BREADCRUMB -->
                <div class="mu-content-header">
                    <div class="mu-breadcrumb-wrapper">
                        <ul class="breadcrumb" data-target="#mainContent">
                        </ul>
                    </div>
                    <div class="header-buttons">
                        <a class="sidebar-toggler" href="#">
                            <i class="fa fa-arrows-h"></i>
                        </a>
                        <a class="refresh" id="refresh-toggler" href="">
                            <i class="glyphicon glyphicon-refresh"></i>
                        </a>
                        <a class="favorite" id="favorite-toggler" href="#">
                            <i class="fa fa-star fa-lg"></i>
                        </a>
                    </div>
                </div>
                <!-- END BREADCRUMB-->

                <!-- BEGIN CONTENT INNER -->
                <div class="mu-content-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div id="mainContent">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END CONTENT -->
    </div>
    <!-- END CONTAINER -->
    <!-- BEGIN FOOTER -->
    <!-- END CONTENT INNER -->
    <div id="footer" class="mu-footer-container">
        <div class="container-fluid">
            <p>Mowr UI Template</p>
            <p>&copy; 2014 <a href="http://www.infinitus.com.cn" target="_blank">INFINITUS</a>
            </p>
        </div>
    </div>
    <!-- END FOOTER -->
    <!-- BEGIN CORE PLUGINS -->
    <script src="../../libs/jquery/jquery-1.11.1.js" type="text/javascript"></script>
    <script src="../../libs/json/json2.js" type="text/javascript"></script>
    <script src="../../bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="../../libs/knockout/knockout-3.1.0-min.js" type="text/javascript"></script>
    <script src="../../libs/jquery-tmpl/jquery.tmpl.min.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script src="../../mower/admin/js/mower.js" type="text/javascript"></script>
    <script src="../../assets/js/app.js" type="text/javascript"></script>
    <script src="../../assets/js/query.js" type="text/javascript"></script>
    <!-- END PAGE LEVEL SCRIPTS -->

    <script src="../../assets/plugins/google-code-prettify/prettify.js"></script>

    <!-- [if lt IE 9] >
        <script src="../../libs/respond/respond.min.js"></script>
    <![endif]-- >
</body>

</html>
